<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片的文字环绕</title>
		<style>
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="img/xiaoxin.png" alt="小新" />
		<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum, laborum pariatur illo asperiores aspernatur at debitis sapiente rem cum deserunt cupiditate tempora iusto quae aliquam expedita. Accusantium, doloribus minima. Est? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat aliquam magnam impedit quam ex libero consequuntur cupiditate iusto, totam laudantium reiciendis, voluptates tenetur. Voluptas, quos. Laboriosam tempora blanditiis deleniti rem?Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima veritatis praesentium accusantium nihil modi, quia nisi, saepe quos, ullam sint nulla! Dolores quidem officiis, nobis nisi debitis corrupti libero ratione.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio beatae explicabo iure nisi repellat! Earum est, ut natus obcaecati iusto aut. Modi quos natus fugit animi architecto ea ipsa voluptatibus!</p>
	</body>
</html>